<template>
  <div class="Bussiness" style="border:white solid 0px ">
    <el-page-header @back="goBack" content="门店管理">
    </el-page-header>
    <div>
      门店名称：
      <el-input v-model="input1" placeholder="请输入内容" style="width:180px"></el-input>
      店长姓名：
      <el-input v-model="input2" placeholder="请输入内容" style="width:180px"></el-input>
      状态：
      <el-select v-model="value" placeholder="请选择" width="180">
        <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
      </el-select>
      时间：
      <el-input
          placeholder="请选择日期"
          suffix-icon="el-icon-date"
          v-model="input4"
          style="width:180px">
      </el-input>
      <el-button>搜索</el-button>
    </div>
    <div style="border:white solid 0px ">
      <el-table
          :data="tableData"
          height="250"
          border
          style="width: 100%">
        <el-table-column
            prop="name"
            label="商家名"
            width="180">
        </el-table-column>
        <el-table-column
            prop="shopowner"
            label="店长名"
            width="180">
        </el-table-column>
        <el-table-column
            prop="status"
            label="状态"
            width="180">
        </el-table-column>
        <el-table-column
            prop="startTime"
            label="开店时间">
        </el-table-column>
        <el-table-column
            prop="score"
            label="商家评分">
        </el-table-column>
        <el-table-column
            prop="deal"
            label="操作">
        </el-table-column>
      </el-table>
    </div>
    <div>
      <h3>门店基本信息</h3><br>
      门店名称：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>

      门店地址：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>

      营业时间：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>

      状态：
      <el-select v-model="value" placeholder="请选择" width="180">
        <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
      </el-select><br>
      营业执照：<a style="color: blue">查看      </a><a style="color: blue">删除      </a>
      银行卡号：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>
      店长姓名：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>
      手机号码：<el-input
        placeholder="请输入内容"
        v-model="input"
        :disabled="true" style="width:180px"> </el-input>
      <br>
      <hr>



    </div>
    <div><h3>销售统计</h3>
    今日单数：
      <el-input
          placeholder="请输入内容"
          v-model="input"
          :disabled="true" style="width:180px"> </el-input><br>
      今日金额：
      <el-input
          placeholder="请输入内容"
          v-model="input"
          :disabled="true" style="width:180px"> </el-input><br>
      当月单数：
      <el-input
          placeholder="请输入内容"
          v-model="input"
          :disabled="true" style="width:180px"> </el-input><br>
      当月金额：     <el-input
          placeholder="请输入内容"
          v-model="input"
          :disabled="true" style="width:180px"> </el-input><br>
      <hr>
    </div>

    <div>
      <h3>订单详情</h3>
      <el-table
          :data="tableData1"
          height="250"
          border
          style="width: 100%">
        <el-table-column
            prop="number"
            label="订单编号"
            width="180">
        </el-table-column>
        <el-table-column
            prop="allMoney"
            label="订单总价"
            width="180">
        </el-table-column>
        <el-table-column
            prop="finishTime"
            label="完成时间"
            width="180">
        </el-table-column>
        <el-table-column
            prop="orderList"
            label="订单详情">
        </el-table-column>
      </el-table>
    </div>

  </div>
</template>

<script>
export default {
  name: 'Business',
  data() {
    return {
      tableData: [],
      tableDate1: [],
      options: [{
        value: '选项1',
        label: '营业中'
      }, {
        value: '选项2',
        label: '休息中'
      }],
    }
  }
}
</script>


<style scoped>
div {
  border: black solid 1px;
  margin: 2px 2px 2px 2px
}
</style>